<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>买为商家端</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../plugins/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
</head>

<body>
<div id="app">
    <div id="head">
        <el-menu
                :default-active="activeIndex2"
                class="el-menu-demo"
                mode="horizontal"
                @select="handleSelect"
                background-color="#545c64"
                text-color="#fff"
                active-text-color="#ffd04b">
            <el-menu-item index="1" >商品管理</el-menu-item>
            <el-menu-item index="2">用户管理</el-menu-item>
            <el-menu-item index="3">订单管理</el-menu-item>
            <el-menu-item index="4">消息中心</el-menu-item>
        </el-menu>
    </div>
    <div style="height:640px; width: 100%">
        <iframe
                id="cIframe"
                class="c_iframe"
                name="cIframe"
                :src="iframeUrl"
                style="  width: 100%;
            height: 100%;
            border: 0;
            overflow: hidden;"
        ></iframe>
    </div>




</div>


</body>


<!-- 引入组件库 -->
<script src="../js/vue.js"></script>
<script src="../plugins/element-ui/lib/index.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/axios-0.18.0.js"></script>
<SCRIPT>

    var vue = new Vue({
        el: '#app',

        methods: {

            handleSelect(key, keyPath) {
                if (key == 1){
                    this.iframeUrl = "product.html"
                }else if(key == 2){
                    this.iframeUrl = "user.html"
                }else if(key == 3){
                    this.iframeUrl = "order.html"
                }else if (key == 4){
                    this.iframeUrl = "wstetst.html"
                }
                console.log(this.iframeUrl)

            },

            deleteRow(index, rows) {
                rows.splice(index, 1);
            }
        },
        data: {
            iframeUrl: 'product.html',
            activeIndex: '1',
            activeIndex2: '1',
            status: [{
                value: '选项1',
                label: '已出售'
            }, {
                value: '选项2',
                label: '未出售'
            },],

            cate: [{
                value: '选项1',
                label: '运动类'
            }, {
                value: '选项2',
                label: '生活类'
            },],
        }
    })
</SCRIPT>

</html>